<template>
  <el-dialog
    :modal="false"
    :close-on-click-modal="false"
    width="90%"
    :visible.sync="visible"
  >
    <div ref="exportPdf" id="exportPdf">
    <div class="title">测试</div>
    <div class="cont">
      <!-- 第一行表格 五列 -->
      <div class="table">
          <div class="box">
            <div class="content1">姓名</div>
            <div class="content_border">{{dataForm.name}}</div>
            <div class="content1">性别</div>
            <div class="content_border">{{dataForm.sex}}</div>
            <div class="content1">出生年月</div>
            <div class="content_border">{{dataForm.birthDate}}</div>
            <div class="content1">参加工作时间</div>
            <div class="content_border">{{dataForm.workTime}}</div>
            <div class="content1">退休时间</div>
            <div class="content_border">{{dataForm.retirementTime}}</div>
          </div>
      </div>
      <!-- 第二行表格 三列 2-4 -->
      <div class="table">
          <div class="box">
            <div class="content1">职务</div>
            <div class="content_border">职务人员</div>
            <div class="content4">工资等级</div>
            <div class="content_border1">高级工九档</div>
            <div class="content1">参加工作时间</div>
            <div class="content_border">1989-02-25</div>
            <div class="content1">退休时间</div>
            <div class="content_border">1989-02-25</div>
        </div>
      </div>
      <!-- 第三行表格 三列 2-4 -->
      <div class="table">
          <div class="box">
            <div class="content1">教（护）龄</div>
            <div class="content_border">200</div>
            <div class="content1">工作年限</div>
            <div class="content_border">122</div>
            <div class="content1">军队工作年限</div>
            <div class="content_border">100</div>
            <div class="content4">基本退休费计发比例</div>
            <div class="content_border1">80</div>
        </div>
      </div>
      <div class="table">
        <td style="width:8%"><div style="width:100%;height:120px;text-align: center;line-height: 24px;background-color: #fafafa;border-top:1px solid #e9e9e9;border-left: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;color:rgb(117, 117, 117);font-size: 14px;">
          <span>退<br>休<br>费<br>基<br>数</span></div></td>
        <td style="width:92%">
          <div class="box">
            <div class="content1">教（护）龄</div>
            <div class="content_border">200</div>
            <div class="content1">工作年限</div>
            <div class="content_border">122</div>
        </div>
        <div class="box">
            <div class="content1">教（护）龄</div>
            <div class="content_border">200</div>
            <div class="content1">工作年限</div>
            <div class="content_border">122</div>
        </div>
        <div class="box">
            <div class="content1">教（护）龄</div>
            <div class="content_border">200</div>
            <div class="content1">工作年限</div>
            <div class="content_border">122</div>
        </div>
        </td>
        
      </div>
      <!-- 第三行表格 一列-->
      <!-- <div class="table">
        <div class="content3">现场处理情况信息</div>
      </div> -->
      <!-- 第四行表格 二列 -->
     
    </div>
  </div>
    <el-button type="primary" size="mini" @click="printHandle">打印预览</el-button>
  </el-dialog>
  
</template>
<script>

import html2canvas from 'html2canvas' // 转为图片
import printJS from 'print-js' // 打印
export default {
  data() {
    return {
      logoutDateDisabled: false,
      deathDisabled: false,
      deathTimeDisabled: false,
      postLevel: false,
      salaryClass: false,
      allowanceRatioClass: false,
      wageGradeClass: false,
      rensonClass: false,
      activeName: "first",
      visible: false,
      isTitle: "",
      isDisabled: false,
      visibleLine:"",
      isDisabled2:false,
      sfxs:"none",
     
      dataForm: {
        
        id: 0,
        areaCode: "",
        personalCode: "",
        name: "",
        sex: "",
        nation: "",
        politicalFace: "",
        idNo: "",
        birthDate: "",
        workTime: "",
        retirementTime: "",
        retirementStatus: "",
        duties: "",
        county: "",
        street: "",
        community: "",
        originalTroops: "",
        handoverPeriod: "",
        handoverTime: "",
        handoverMode: "",
        handoverBatch: "",
        workersClassification: "",
        reception: "",
        myStatus: "",
        inOutTime: "",
        deathTime: "",
        housingSituation: "",
        housingPropertyRight: "",
        leaseholder: "",
        housingArea: "",
        increasePension: "",
        totalMonthlyPension: "",
        death: "",
        workUnit: "",
        address: "",
        phone: "",
        remarks: "",
        workingYears: "",
        yuYue: "",
        workingYearsArmy: "",
        teachingAge: "",
        wageLevel: "",
        wageGrade: "",
        wageScale: "",
        treatmentStandard: "",
        personnelClassification: "",
        enjoyAllowance: "",
        specialAllowance: "",
        increaseProportion: "",
        renson: "",
        allowanceRatio: "",
        postLevel: "",
        salary: "",
        isImprove: "",
        retirementFeeProportion: "",
        senioritySalary: "",
        basicSalary: "",
        levelSalary: "",
        gradeSalary: "",
        salaryScale: "",
        bonusAllowance: "",
        serviceAllowance: "",
        seniorityAllowance: "",
        totalSubsidy: "",
        specialTeacherSubsidy: "",
        difficultySubsidy: "",
        raiseWages: "",
        retirementPayEightynine: "",
        retirementPayNinetytwo: "",
        retirementPayFirst: "",
        retirementPaySecond: "",
        retirementPayNinetyfive: "",
        retirementPayNinetyseven: "",
        retirementPayNinetysesec: "",
        retirementPayNinetynine: "",
        retirementPayNinetynisec: "",
        retirementPayZero: "",
        retirementPayOne: "",
        retirementPayOnenew: "",
        retirementPayOnsec: "",
        retirementPayThird: "",
        retirementPayThisec: "",
        retirementPayFive: "",
        retirementPaySix: "",
        foodAllowanceSeventynine: "",
        foodAllowanceEightyeight: "",
        oilAllowanceNightyone: "",
        oilAllowanceNightytwo: "",
        fuelLlowance: "",
        meatLlowance: "",
        oilAllowanceNightythird: "",
        livingAllowanceEightyfive: "",
        livingAllowanceEightyei: "",
        livingAllowanceNightytw: "",
        livingAllowanceNightyfo: "",
        livingAllowanceNightyfive: "",
        livingAllowanceNightysix: "",
        livingAllowanceNightysev: "",
        livingAllowanceNightyeig: "",
        livingAllowanceNightynig: "",
        livingAllowanceZero: "",
        livingAllowanceOne: "",
        livingAllowanceTwo: "",
        livingAllowanceThird: "",
        livingAllowanceFour: "",
        livingAllowanceSeven: "",
        specialGoveAllowanc: "",
        paperMoney: "",
        housingSubsidy: "",
        bathSubsidy: "",
        honorAllowance: "",
        otherIncome: "",
        jobSubsidy: "",
        ageAllowance: "",
        holidaySubsidy: "",
        retirementAllowanceOneo: "",
        growthMechanismSubsidy: "",
        workingYearsSubsidy: "",
        proportionalSubsidy: "",
        retirementAllowanceOneth: "",
        growthMechanismThirty: "",
        retirementAllowanceThirty: "",
        retirementPayFourty: "",
        logoutDate: "",
        heatingSubsidy: "",
        serviceSubsidy: "",
        pensionSixteen: "",
        pensionSeventeen: "",
        pensionEighteen: "",
        pensionNineteen: "",
        adjustTreatment: "",
        basicPension: "",
        pensionTwenty: "",
        pensionTwentyone: "",
        personType: "",
        ext1: ""
      
        
      },
      dataRule: {
        
      },
    };
  },
  created() {

  },
  computed: {
   
  },

  methods: {
    
    test(id) {
      
      this.dataForm.id = id || 0;
      this.visible = true;
      this.$nextTick(() => {
        //this.$refs["dataForm"].resetFields();
        if (this.dataForm.id) {
          this.$http({
            url: this.$http.adornUrl(
              `/jxxm/retiredemployees/info/${this.dataForm.id}`
            ),
            method: "get",
            params: this.$http.adornParams(),
          }).then(({ data }) => {
            if (data && data.code === 0) {
              this.dataForm.id = data.retiredEmployees.id;
              this.dataForm.areaCode = data.retiredEmployees.areaCode;
              this.dataForm.personalCode = data.retiredEmployees.personalCode;
              this.dataForm.name = data.retiredEmployees.name;
              this.dataForm.sex = data.retiredEmployees.sex;
              this.dataForm.nation = data.retiredEmployees.nation;
              this.dataForm.politicalFace = data.retiredEmployees.politicalFace;
              this.dataForm.idNo = data.retiredEmployees.idNo;
              this.dataForm.birthDate = data.retiredEmployees.birthDate;
              this.dataForm.workTime = data.retiredEmployees.workTime;
              this.dataForm.retirementTime =
                data.retiredEmployees.retirementTime;
              this.dataForm.retirementStatus =
                data.retiredEmployees.retirementStatus;
              this.dataForm.duties = data.retiredEmployees.duties;
              this.dataForm.county = data.retiredEmployees.county;
              this.dataForm.street = data.retiredEmployees.street;
              this.dataForm.community = data.retiredEmployees.community;
              this.dataForm.originalTroops =
                data.retiredEmployees.originalTroops;
              this.dataForm.handoverPeriod =
                data.retiredEmployees.handoverPeriod;
              this.dataForm.handoverTime = data.retiredEmployees.handoverTime;
              this.dataForm.handoverMode = data.retiredEmployees.handoverMode;
              this.dataForm.handoverBatch = data.retiredEmployees.handoverBatch;
              this.dataForm.workersClassification =
                data.retiredEmployees.workersClassification;
              this.dataForm.reception = data.retiredEmployees.reception;
              this.dataForm.myStatus = data.retiredEmployees.myStatus;
              this.dataForm.inOutTime = data.retiredEmployees.inOutTime;
              this.dataForm.deathTime = data.retiredEmployees.deathTime;
              this.dataForm.housingSituation =
                data.retiredEmployees.housingSituation;
              this.dataForm.housingPropertyRight =
                data.retiredEmployees.housingPropertyRight;
              this.dataForm.leaseholder = data.retiredEmployees.leaseholder;
              this.dataForm.housingArea = data.retiredEmployees.housingArea;
              this.dataForm.increasePension =
                data.retiredEmployees.increasePension;
              this.dataForm.totalMonthlyPension =
                data.retiredEmployees.totalMonthlyPension;
              this.dataForm.death = data.retiredEmployees.death;
              this.dataForm.workUnit = data.retiredEmployees.workUnit;
              this.dataForm.address = data.retiredEmployees.address;
              this.dataForm.phone = data.retiredEmployees.phone;
              this.dataForm.remarks = data.retiredEmployees.remarks;
              this.dataForm.workingYears = data.retiredEmployees.workingYears;
              this.dataForm.yuYue = data.retiredEmployees.yuYue;
              this.dataForm.workingYearsArmy =
                data.retiredEmployees.workingYearsArmy;
              this.dataForm.teachingAge = data.retiredEmployees.teachingAge;
              this.dataForm.wageLevel = data.retiredEmployees.wageLevel;
              this.dataForm.wageGrade = data.retiredEmployees.wageGrade;
              this.dataForm.wageScale = data.retiredEmployees.wageScale;
              this.dataForm.treatmentStandard =
                data.retiredEmployees.treatmentStandard;
              this.dataForm.personnelClassification =
                data.retiredEmployees.personnelClassification;
              this.dataForm.enjoyAllowance =
                data.retiredEmployees.enjoyAllowance;
              this.dataForm.specialAllowance =
                data.retiredEmployees.specialAllowance;
              this.dataForm.increaseProportion =
                data.retiredEmployees.increaseProportion;
              this.dataForm.renson = data.retiredEmployees.renson;
              this.dataForm.allowanceRatio =
                data.retiredEmployees.allowanceRatio;
              this.dataForm.postLevel = data.retiredEmployees.postLevel;
              this.dataForm.salary = data.retiredEmployees.salary;
              this.dataForm.isImprove = data.retiredEmployees.isImprove;
              this.dataForm.retirementFeeProportion =
                data.retiredEmployees.retirementFeeProportion;
              this.dataForm.senioritySalary =
                data.retiredEmployees.senioritySalary;
              this.dataForm.basicSalary = data.retiredEmployees.basicSalary;
              this.dataForm.levelSalary = data.retiredEmployees.levelSalary;
              this.dataForm.gradeSalary = data.retiredEmployees.gradeSalary;
              this.dataForm.salaryScale = data.retiredEmployees.salaryScale;
              this.dataForm.bonusAllowance =
                data.retiredEmployees.bonusAllowance;
              this.dataForm.serviceAllowance =
                data.retiredEmployees.serviceAllowance;
              this.dataForm.seniorityAllowance =
                data.retiredEmployees.seniorityAllowance;
              this.dataForm.totalSubsidy = data.retiredEmployees.totalSubsidy;
              this.dataForm.specialTeacherSubsidy =
                data.retiredEmployees.specialTeacherSubsidy;
              this.dataForm.difficultySubsidy =
                data.retiredEmployees.difficultySubsidy;
              this.dataForm.raiseWages = data.retiredEmployees.raiseWages;
              this.dataForm.retirementPayEightynine =
                data.retiredEmployees.retirementPayEightynine;
              this.dataForm.retirementPayNinetytwo =
                data.retiredEmployees.retirementPayNinetytwo;
              this.dataForm.retirementPayFirst =
                data.retiredEmployees.retirementPayFirst;
              this.dataForm.retirementPaySecond =
                data.retiredEmployees.retirementPaySecond;
              this.dataForm.retirementPayNinetyfive =
                data.retiredEmployees.retirementPayNinetyfive;
              this.dataForm.retirementPayNinetyseven =
                data.retiredEmployees.retirementPayNinetyseven;
              this.dataForm.retirementPayNinetysesec =
                data.retiredEmployees.retirementPayNinetysesec;
              this.dataForm.retirementPayNinetynine =
                data.retiredEmployees.retirementPayNinetynine;
              this.dataForm.retirementPayNinetynisec =
                data.retiredEmployees.retirementPayNinetynisec;
              this.dataForm.retirementPayZero =
                data.retiredEmployees.retirementPayZero;
              this.dataForm.retirementPayOne =
                data.retiredEmployees.retirementPayOne;
              this.dataForm.retirementPayOnenew =
                data.retiredEmployees.retirementPayOnenew;
              this.dataForm.retirementPayOnsec =
                data.retiredEmployees.retirementPayOnsec;
              this.dataForm.retirementPayThird =
                data.retiredEmployees.retirementPayThird;
              this.dataForm.retirementPayThisec =
                data.retiredEmployees.retirementPayThisec;
              this.dataForm.retirementPayFive =
                data.retiredEmployees.retirementPayFive;
              this.dataForm.retirementPaySix =
                data.retiredEmployees.retirementPaySix;
              this.dataForm.foodAllowanceSeventynine =
                data.retiredEmployees.foodAllowanceSeventynine;
              this.dataForm.foodAllowanceEightyeight =
                data.retiredEmployees.foodAllowanceEightyeight;
              this.dataForm.oilAllowanceNightyone =
                data.retiredEmployees.oilAllowanceNightyone;
              this.dataForm.oilAllowanceNightytwo =
                data.retiredEmployees.oilAllowanceNightytwo;
              this.dataForm.fuelLlowance = data.retiredEmployees.fuelLlowance;
              this.dataForm.meatLlowance = data.retiredEmployees.meatLlowance;
              this.dataForm.oilAllowanceNightythird =
                data.retiredEmployees.oilAllowanceNightythird;
              this.dataForm.livingAllowanceEightyfive =
                data.retiredEmployees.livingAllowanceEightyfive;
              this.dataForm.livingAllowanceEightyei =
                data.retiredEmployees.livingAllowanceEightyei;
              this.dataForm.livingAllowanceNightytw =
                data.retiredEmployees.livingAllowanceNightytw;
              this.dataForm.livingAllowanceNightyfo =
                data.retiredEmployees.livingAllowanceNightyfo;
              this.dataForm.livingAllowanceNightyfive =
                data.retiredEmployees.livingAllowanceNightyfive;
              this.dataForm.livingAllowanceNightysix =
                data.retiredEmployees.livingAllowanceNightysix;
              this.dataForm.livingAllowanceNightysev =
                data.retiredEmployees.livingAllowanceNightysev;
              this.dataForm.livingAllowanceNightyeig =
                data.retiredEmployees.livingAllowanceNightyeig;
              this.dataForm.livingAllowanceNightynig =
                data.retiredEmployees.livingAllowanceNightynig;
              this.dataForm.livingAllowanceZero =
                data.retiredEmployees.livingAllowanceZero;
              this.dataForm.livingAllowanceOne =
                data.retiredEmployees.livingAllowanceOne;
              this.dataForm.livingAllowanceTwo =
                data.retiredEmployees.livingAllowanceTwo;
              this.dataForm.livingAllowanceThird =
                data.retiredEmployees.livingAllowanceThird;
              this.dataForm.livingAllowanceFour =
                data.retiredEmployees.livingAllowanceFour;
              this.dataForm.livingAllowanceSeven =
                data.retiredEmployees.livingAllowanceSeven;
              this.dataForm.specialGoveAllowanc =
                data.retiredEmployees.specialGoveAllowanc;
              this.dataForm.paperMoney = data.retiredEmployees.paperMoney;
              this.dataForm.housingSubsidy =
                data.retiredEmployees.housingSubsidy;
              this.dataForm.bathSubsidy = data.retiredEmployees.bathSubsidy;
              this.dataForm.honorAllowance =
                data.retiredEmployees.honorAllowance;
              this.dataForm.otherIncome = data.retiredEmployees.otherIncome;
              this.dataForm.jobSubsidy = data.retiredEmployees.jobSubsidy;
              this.dataForm.ageAllowance = data.retiredEmployees.ageAllowance;
              this.dataForm.holidaySubsidy =
                data.retiredEmployees.holidaySubsidy;
              this.dataForm.retirementAllowanceOneo =
                data.retiredEmployees.retirementAllowanceOneo;
              this.dataForm.growthMechanismSubsidy =
                data.retiredEmployees.growthMechanismSubsidy;
              this.dataForm.workingYearsSubsidy =
                data.retiredEmployees.workingYearsSubsidy;
              this.dataForm.proportionalSubsidy =
                data.retiredEmployees.proportionalSubsidy;
              this.dataForm.retirementAllowanceOneth =
                data.retiredEmployees.retirementAllowanceOneth;
              this.dataForm.growthMechanismThirty =
                data.retiredEmployees.growthMechanismThirty;
              this.dataForm.retirementAllowanceThirty =
                data.retiredEmployees.retirementAllowanceThirty;
              this.dataForm.retirementPayFourty =
                data.retiredEmployees.retirementPayFourty;
              this.dataForm.logoutDate = data.retiredEmployees.logoutDate;
              this.dataForm.heatingSubsidy =
                data.retiredEmployees.heatingSubsidy;
              this.dataForm.serviceSubsidy =
                data.retiredEmployees.serviceSubsidy;
              this.dataForm.pensionSixteen =
                data.retiredEmployees.pensionSixteen;
              this.dataForm.pensionSeventeen =
                data.retiredEmployees.pensionSeventeen;
              this.dataForm.pensionEighteen =
                data.retiredEmployees.pensionEighteen;
              this.dataForm.pensionNineteen =
                data.retiredEmployees.pensionNineteen;
              this.dataForm.adjustTreatment =
                data.retiredEmployees.adjustTreatment;
              this.dataForm.basicPension = data.retiredEmployees.basicPension;
              this.dataForm.pensionTwenty = data.retiredEmployees.pensionTwenty;
              this.dataForm.pensionTwentyone =
                data.retiredEmployees.pensionTwentyone;
              this.dataForm.personType = data.retiredEmployees.personType;  
              this.dataForm.ext1 = data.retiredEmployees.ext1; 
            }
          });
        }
      });
    },
    printHandle() {
      html2canvas(this.$refs.exportPdf, {
        backgroundColor: null,
        useCORS: true,
        windowHeight: document.body.scrollHeight
      }).then(canvas => {
        const url = canvas.toDataURL()
        this.img = url
        printJS({
          printable: url,
          type: 'image',
          documentTitle: ''
        })
      })
    },
    
  },
};
</script>

<style scoped lang="scss">
$titleColor: rgb(117, 117, 117);
$borderColor: 1px solid #e9e9e9;
.title {
  width: 100%; // 1200px
  margin: 0 auto;
  margin-top: 30px;
  padding: 20px 0;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  //background-color: #e1e1e1;
  // border: 1px solid #e1e1e1;
}
.cont {
  border-right: $borderColor;
}
.table {
  width: 100%; // 1200px
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.lump {
  width: 20%;
}
.lump2 {
  width: 40%;
}
.lump2:nth-child(3),
.lump2:nth-child(6),
.lump2:last-child {
  width: 20%;
}
.box {
  width: 100%;
  height: 40px;
  display: flex;
  border-top: $borderColor;
  .content1 {
    width: 40%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #fafafa;
    border-left: $borderColor;
    border-bottom: $borderColor;
    color: $titleColor;
    font-size: 14px;
  }
  .content2 {
    width: 60%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    border-left: $borderColor;
    border-bottom: $borderColor;
    color: 000;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden; //超出的文本隐藏
    text-overflow: ellipsis; //溢出用省略号显示
    white-space: nowrap; //溢出不换行
  }
  .content4 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #fafafa;
    border-left: $borderColor;
    border-bottom: $borderColor;
    color: $titleColor;
    font-size: 14px;
  }
  // .content2:last-child {
  //   border-right: $borderColor;
  // }
  .content_border {
    width: 60%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    border-left: $borderColor;
    border-bottom: $borderColor;
    color: 000;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden; //超出的文本隐藏
    text-overflow: ellipsis; //溢出用省略号显示
    white-space: nowrap; //溢出不换行
  }
  .content_border1 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    border-left: $borderColor;
    border-bottom: $borderColor;
    color: 000;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden; //超出的文本隐藏
    text-overflow: ellipsis; //溢出用省略号显示
    white-space: nowrap; //溢出不换行
  }
}
// 三列样式
.content3 {
  width: 100%;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  background-color: #fff;
  border: $borderColor;
  border-right: none;
  color: 000;
  font-size: 14px;
  font-weight: 600;
}
// 四列样式
.lump4 {
  width: 100%;
  display: flex;
  // align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  border: $borderColor;
  border-top: none;
  border-right: none;
  .conttent4 {
    display: flex;
    align-items: center;
    width: calc(48% - 1px);
    height: 40px;
    line-height: 40px;
    border-right: $borderColor;
    background-color: #fff;
    text-align: left;
    cursor: pointer;
    white-space: nowrap; //溢出不换行
    &-title {
      color: $titleColor;
      padding-left: 12px;
    }
    &-txt {
      overflow: hidden; //超出的文本隐藏
      text-overflow: ellipsis; //溢出用省略号显示
      white-space: nowrap; //溢出不换行
    }
  }
  .conttent5 {
    display: flex;
    align-items: center;
    width: 52%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background-color: #fff;
    cursor: pointer;
    white-space: nowrap;
    &-title {
      padding-left: 12px;
      color: $titleColor;
    }
    &-txt {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .conttent6 {
    width: calc(48% - 1px);
    min-height: 100px;
    text-align: left;
    // border-right: $borderColor;
    background: #fff;
    border-top: none;
    cursor: pointer;
    // white-space: nowrap;
    &-title {
      color: $titleColor;
      padding: 12px;
    }
    &-txt {
      padding: 0 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    // 评价
    &-score {
      padding: 12px;
      &-title {
        color: $titleColor;
      }
      &-affirm {
        padding: 12px;
        padding-left: 0;
        ::v-deep .el-col {
          padding-bottom: 12px;
        }
        ::v-deep .el-col:last-child {
          padding-bottom: 0;
        }
      }
    }
  }
  .conttent7 {
    width: calc(52% - 30px);
    min-height: 100px;
    text-align: left;
    background: #fff;
    border-left: $borderColor;
    cursor: pointer;
    &-title {
      color: $titleColor;
      padding: 12px;
    }
    &-txt {
      padding: 0 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    // 签名
    &-sign {
      display: flex;
      align-items: center;
      padding: 12px;
      &-title {
        color: $titleColor;
      }
    }
  }
  .content11 {
    width: 10%;
    height: 120px;
    line-height: 40px;
    text-align: center;
    background-color: #fafafa;
    border-left: $borderColor;
    border-bottom: $borderColor;
    color: $titleColor;
    font-size: 14px;
  }
}
</style>